<template>
<div ref="container">容器</div>
<input type="text" ref="username">
<button @click="getUserNameHandle">获取数据</button>
</template>

<!-- 通过ref属性直接获取原始DOM，用法是添加ref属性名字，然后this.$refs.名字 -->

<script>

export default{
    data(){
        return{

        }
    },
    methods:{
        getUserNameHandle(){
            // 获取ref值为container的一个DOM
            console.log(this.$refs.container)
            // 获取ref值为username的input的值
            console.log(this.$refs.username.value)
        }
    }
}

</script>